@font-face {
  font-family: 'TelstraText-Regular';
  font-weight: normal;
  src: url("https://telstra-fonts.s3.ap-northeast-1.amazonaws.com/221003-Telstra-Typeface/Telstra-Text/Web/WOFF/TelstraText-Regular.woff") format('woff');
}

@font-face {
  font-family: 'TelstraText-Bold';
  font-weight: bold;
  src: url("https://telstra-fonts.s3.ap-northeast-1.amazonaws.com/221003-Telstra-Typeface/Telstra-Text/Web/WOFF/TelstraText-Bold.woff") format('woff');
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  font: 16px/20px "TelstraText-Regular", "Arial", sans-serif;
  color: #333;
}

/* LAYOUT */
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 30px;
}

.content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero img {
  display: block;
  width: 100%;
  height: auto;
}


#sky80 .hero-bkg {
  background-image: url("https://images.businessnews.telstra.com/EloquaImages/clients/Telstrab2b/%7B5a419ccf-1aa9-42b2-88da-cba46957a204%7D_Sky_80.png");
}

#sky60 .hero-bkg {
  background-image: url("https://images.businessnews.telstra.com/EloquaImages/clients/Telstrab2b/%7Ba9a64dec-a772-40a2-a481-fc14793a7ecd%7D_Sky_60.png");
}

#earth60 .hero-bkg {
  background-image: url("https://images.businessnews.telstra.com/EloquaImages/clients/Telstrab2b/%7B339c03e8-fc8a-4366-960d-4feea5e68eea%7D_Earth_60.png");
}

.hero-bkg svg {
  width: 30px;
  height: 35px;
}

.hero-bkg svg * {
  fill: #fff;
}

#sky80 .hero-bkg svg .colour {
  fill: #1a2e61;
}

#sky60 .hero-bkg svg .colour {
  fill: #0d54ff;
}

#earth60 .hero-bkg svg .colour {
  fill: #f96449;
}

.main {
  background-color: #fff;
  padding: 5% 10%;
}

.contact {
  background-color: #e6e6e6;
  padding: 10px 10%;
  text-align: center;
}

.contact .links {
  font: 12px/20px "TelstraText-Bold", "Arial", sans-serif;
  color: #414141;
}

.contact .links a {
  color: #414141;
  text-decoration: none;
}

.contact .links span {
  margin: 0 10px;
}

.contact .social a {
  display: inline-block;
  margin-left: 14px;
}

.contact .social a:first-child {
  margin-left: 0;
}

.footer {
  padding: 10px 10%;
  font: 10px/16px "Arial", sans-serif;
}

/* CONTENT */
h1 {
  font: 36px/50px "TelstraText-Regular", "Arial", sans-serif;
  margin: 40px 0 5px;
}

h1 sup {
  font-size: 18px;
  line-height: 25px;
}

h2 {
  font: 30px/35px "TelstraText-Regular", "Arial", sans-serif;
  margin: 0 0 15px;
}

#sky80 h2 {
  color: #1a2e61;
}

#sky60 h2 {
  color: #0d54ff;
}

#earth60 h2 {
  color: #f96449;
}

h3 {
  font: 20px/35px " TelstraText-Regular", "Arial", sans-serif;
  margin: 0 0 15px;
}

h4 {
  font: 16px/20px " TelstraText-Bold", "Arial", sans-serif;
  margin: 20px 0 0;
}

h4+p {
  margin-top: 0;
}

p {
  margin: 20px 0;
}

p a {
  color: inherit;
}

hr {
  border: 0;
  margin: 0;
  height: 1px;
  background: #f0f0f0;
}

ol {
  list-style: none;
  counter-reset: offer-list;
  margin: 20px 0;
  padding: 0;
}

ol li {
  counter-increment: offer-list;
}

ol li::before {
  content: counter(offer-list);
  margin-right: 10px;
}

ul.event {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

ul.event li {
  margin: 10px 0;
  padding-left: 30px;
  line-height: 24px;
  background-position: left center;
  background-repeat: no-repeat;
}

ul.event .date {
  background-image: url("https://images.businessnews.telstra.com/EloquaImages/clients/Telstrab2b/%7B7a34e239-cebe-4a87-afd7-44ad2f247248%7D_icon-date.png");
}

ul.event .time {
  background-image: url("https://images.businessnews.telstra.com/EloquaImages/clients/Telstrab2b/%7Bf824b53e-6b3e-4098-8cc8-50d5a9bd9820%7D_icon-time.png");
}

ul.event .location {
  background-image: url("https://images.businessnews.telstra.com/EloquaImages/clients/Telstrab2b/%7B857c4174-b300-4665-ae26-c19283b90cd7%7D_icon-location.png");
}

.nowrap {
  white-space: nowrap;
}

img.scale {
  display: block;
  width: 100%;
  height: auto;
  margin: 30px 0 0;
}

form.styled {
  margin: 0;
  }

form.styled .field-p {
  margin: 20px 0;
}

form.styled .required {
  color: #c00;
}

form.styled label {
  display: block;
  margin-bottom: 5px;
}

form.styled input::-webkit-clear-button,
form.styled textarea::-webkit-clear-button,
form.styled select::-webkit-clear-button,
form.styled input::-webkit-inner-spin-button,
form.styled textarea::-webkit-inner-spin-button,
form.styled select::-webkit-inner-spin-button,
form.styled input::-webkit-outer-spin-button,
form.styled textarea::-webkit-outer-spin-button,
form.styled select::-webkit-outer-spin-button {
  display: none;
}

form.styled input:focus,
form.styled textarea:focus,
form.styled select:focus {
  outline: none;
}

form.styled input::-webkit-input-placeholder,
form.styled textarea::-webkit-input-placeholder,
form.styled select::-webkit-input-placeholder {
  color: #666;
}

form.styled input:-ms-input-placeholder,
form.styled textarea:-ms-input-placeholder,
form.styled select:-ms-input-placeholder {
  color: #666 !important;
}

form.styled input::placeholder,
form.styled textarea::placeholder,
form.styled select::placeholder {
  color: #666;
  opacity: 1;
}

form.styled input[type=text],
form.styled input[type=email],
form.styled input[type=phone],
form.styled textarea,
form.styled select {
  box-sizing: border-box !important;
  display: block;
  width: 100%;
  height: 28px;
  padding: 2px 10px;
  background: #f0f0f0;
  border: 1px solid #ccc;
  font: 16px/20px " TelstraText-Regular", "Arial", sans-serif;
  color: #333;
}

form.styled input[type=text]:focus,
form.styled input[type=email]:focus,
form.styled input[type=phone]:focus,
form.styled textarea:focus,
form.styled select:focus {
  border-color: #666;
}

form.styled select {
  padding-left: 8px;
  padding-right: 30px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2013%208%22%3E%3Cpath%20fill=%22%23666%22%20d=%22M13,1.4L6.5,7.9L0,1.4L1.4,0l5.1,5.1L11.6,0L13,1.4z%22/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 13px 8px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

form.styled select::-ms-expand {
  display: none;
}

form.styled textarea {
  height: 60px;
  padding: 15px 20px;
  overflow: auto;
}

form.styled input[type=radio],
form.styled input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

form.styled input[type=radio]+span,
form.styled input[type=checkbox]+span,
form.styled input[type=radio]+label,
form.styled input[type=checkbox]+label {
  margin: 10px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

form.styled input[type=radio]+span:before,
form.styled input[type=checkbox]+span:before,
form.styled input[type=radio]+label:before,
form.styled input[type=checkbox]+label:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 2px 10px 2px 0;
  background-color: #f0f0f0;
}

form.styled input[type=radio]:focus+span:before,
form.styled input[type=checkbox]:focus+span:before,
form.styled input[type=radio]:focus+label:before,
form.styled input[type=checkbox]:focus+label:before {
  border-color: #666;
}

form.styled input[type=radio]:checked+span:before,
form.styled input[type=checkbox]:checked+span:before,
form.styled input[type=radio]:checked+label:before,
form.styled input[type=checkbox]:checked+label:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2023%2023%22%3E%3Cpath%20fill=%22%23666%22%20d=%22M10.1,17l8.7-8.7L17.5,7l-7.4,7.4l-4.3-4.3l-1.2,1.2%22/%3E%3C/svg%3E");
}

form.styled input[type=radio].LV_invalid_field~span:before,
form.styled input[type=checkbox].LV_invalid_field~span:before,
form.styled input[type=radio].LV_invalid_field~label:before,
form.styled input[type=checkbox].LV_invalid_field~label:before {
  background-color: #fff0f0;
  border-color: #c00;
}

form.styled input[type=submit],
form.styled .button {
  display: table;
  width: 170px !important;
  height: auto !important;
  padding: 8px 50px 8px 20px;
  margin: 20px 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%208%2013%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M1.1,13c-0.2,0-0.4-0.1-0.5-0.2c-0.3-0.3-0.3-0.7,0-1L6,6.7L0.4,1.2c-0.3-0.3-0.3-0.7,0-1c0.3-0.3,0.7-0.3,1,0l6.2,6%20c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5l-6,5.6C1.4,12.9,1.3,13,1.1,13z%22/%3E%3C/svg%3E");
  background-color: #333;
  background-position: right 20px center;
  background-size: 9px 15px;
  background-repeat: no-repeat;
  border: 0;
  font: bold 16px/20px " TelstraText-Regular", "Arial", sans-serif;
  color: #fff;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

#sky80 form.styled input[type=submit],
#blue form.styled .button {
  background-color: #1a2e61;
}

#sky60 form.styled input[type=submit],
#green form.styled .button {
  background-color: #0d54ff;
}

#earth60 form.styled input[type=submit],
#sunrise form.styled .button {
  background-color: #f96449;
}

@media (min-width:640px) {
  .columns {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .col {
    width: 45%;
    max-width: 340px;
  }

  .hero-bkg {
    height: 300px;
    padding: 60px 10%;
  }

  .contact .links {
    text-align: left;
  }

  .contact .social {
    text-align: right;
  }

  .main form.styled input[type=submit],
  .main form.styled .button {
    margin-top: 40px;
  }
}